<template>
  <view>
    <view class="menuPanel">
      <view class="menuPanel_li" v-on:click="$navigateTo('/pages/system/mobileChange')">
        <view class="menuPanel_li_label">修改手机号</view>
        <view class="menuPanel_li_arrow iconfont icon-you1"></view>
      </view>
      <view class="menuPanel_li" v-on:click="$navigateTo('/pages/system/modifyPwd')">
        <view class="menuPanel_li_label">修改密码</view>
        <view class="menuPanel_li_arrow iconfont icon-you1"></view>
      </view>
    </view>
    <view class="menuPanel">
      <view class="menuPanel_li" v-on:click="goAlipay">
        <view class="menuPanel_li_label">绑定支付宝</view>
        <view class="menuPanel_li_val" v-if="!userInfo.alipayUserId">未绑定</view>
        <view class="menuPanel_li_val" style="color: #4a9fe1" v-else><image :src="userInfo.alipayAvatar" v-if="userInfo.alipayAvatar" class="alipayAvatar"/> {{ userInfo.alipayNickName }}</view>
        <view class="menuPanel_li_arrow iconfont icon-you1"></view>
      </view>
    </view>
  </view>
</template>

<script>
export default {
  components: {},
  data() {
    return {}
  },
  methods: {
    /**
     * 页面加载
     */
    afterShow () {
      this.refreshUserInfo()
    },
  }
}
</script>

<style lang="scss" scoped>
@import "../../static/css/menu.scss";
</style>
